/*
 * 应用主题配置
 * 统一管理应用的颜色、字体、间距等设计变量
 */

// 颜色系统
export const colors = {
  // 主色调
  primary: '#3C7EFF',
  primaryLight: '#6C9FFF',
  primaryDark: '#2B5CC7',
  
  // 辅助色
  secondary: '#FF6B6B',
  secondaryLight: '#FF9B9B',
  secondaryDark: '#E54E4E',
  
  // 功能色
  success: '#00C48C',
  warning: '#FFB800',
  error: '#FF5252',
  info: '#8884d8',
  
  // 中性色
  black: '#000000',
  white: '#FFFFFF',
  gray1: '#F5F5F5',
  gray2: '#E5E5E5',
  gray3: '#D4D4D4',
  gray4: '#A0A0A0',
  gray5: '#666666',
  gray6: '#333333'
}

// 字体系统
export const fonts = {
  // 字体大小
  xs: '20rpx',
  sm: '24rpx',
  base: '28rpx',
  lg: '32rpx',
  xl: '36rpx',
  xxl: '40rpx',
  xxxl: '48rpx',
  
  // 字体粗细
  normal: '400',
  medium: '500',
  bold: '700'
}

// 间距系统
export const spacing = {
  xs: '10rpx',
  sm: '16rpx',
  md: '24rpx',
  lg: '32rpx',
  xl: '40rpx',
  xxl: '48rpx',
  xxxl: '64rpx'
}

// 圆角系统
export const radius = {
  sm: '8rpx',
  md: '16rpx',
  lg: '24rpx',
  xl: '32rpx',
  full: '9999rpx'
}

// 阴影系统
export const shadows = {
  sm: '0 2rpx 8rpx rgba(0, 0, 0, 0.05)',
  md: '0 4rpx 16rpx rgba(0, 0, 0, 0.1)',
  lg: '0 8rpx 32rpx rgba(0, 0, 0, 0.15)',
  inset: 'inset 0 2rpx 4rpx rgba(0, 0, 0, 0.05)'
}

// 动画系统
export const animations = {
  // 过渡时长
  fast: '0.15s',
  normal: '0.3s',
  slow: '0.5s',
  
  // 过渡函数
  ease: 'ease',
  easeIn: 'ease-in',
  easeOut: 'ease-out',
  easeInOut: 'ease-in-out'
}

// 导出完整主题配置
export default {
  colors,
  fonts,
  spacing,
  radius,
  shadows,
  animations
}